<!DOCTYPE html>
<html>
	<head>
		@@include('./include/meta.html')
		<title>行业动态</title>
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/Industry-news.css">
	</head>
	<body>
		@@include('./include/header.html')
		@@include('./include/nav.html')
		<div class="container">
			<div class="leftContain">
				<div class="pad30">
					<div class="sidebarTitle">
						<span class="active">产品赏析</span>
						<span>最新活动</span>
					</div>
					<div class="hcListBox">
						<ul>
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
						</ul>
						<ul class="none">
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
							@@include('./include/image-text.html')
						</ul>
					</div>

				</div>
			</div>
			<div class="sidebarR">
				<div class="playGame pad30">
					<div class="sidebarTitle">
						<span class="active">互动游戏</span>
						<!-- Add Arrows -->
						<div class="swiper-button-next"><i class="iconfont icon-weibiaoti--14"></i></div>
						<div class="swiper-button-prev"><i class="iconfont icon-weibiaoti--6"></i></div>
					</div>
					<!-- Swiper -->
					<div class="swiper-container" id="gameSwiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
							<div class="swiper-slide">
								<div class="swiperImg">
									<img src="images/game.jpg" alt="">
								</div>
								<h3>打击非法证券打击非法证券</h3>
								<p>情景类网页游戏</p>
							</div>
						</div>
					</div>
				</div>
				<div class="pad30">
					<div class="sidebarTitle">
						<span class="active">视频交流</span>
					</div>
					<ul class="videoBox">
						@@include('./include/video-list.html')
						@@include('./include/video-list.html')
						@@include('./include/video-list.html')
						@@include('./include/video-list.html')
					</ul>
				</div>
			</div>

		</div>
		@@include('./include/footer.html')

		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/pageCommon.js"></script>
		<script>
			//swiper
			var swiper = new Swiper('.swiper-container#gameSwiper', {
				navigation: {
					nextEl: '.sidebarTitle .swiper-button-next',
					prevEl: '.sidebarTitle .swiper-button-prev',
				},
				slidesPerView: 3,
				spaceBetween: 30
			});
		</script>
	</body>
</html>
